.box {
  display: flex;
  justify-content: space-between;
}

.box .left {
  width: 40%;
  height: auto;
  background-color: white;
}

.box .left h3 {
  line-height: 50px;
  padding-left: 20px;
  border-bottom: 1px solid #ccc;
}

.box .left .form {
  padding: 20px;
}

.box .left .form p {
  width: 100%;
  line-height: 30px;
}

.box .left .form p input {
  width: 100%;
  height: 30px;
  border: 1px solid #BFBFBF;
  margin-bottom: 10px;
}

.box .left .form p button {
  border: none;
  background-color: #0188FB;
  color: white;
  width: 70px;
}

.box .left .form p button:hover {
  background-color: #29A2FF;
}

.box .left .form p button:active {
  background-color: #006AD4;
}

.box .left .form p button:visited {
  background-color: #29A2FF;
}

.box .right {
  width: 59%;
  height: auto;
  background-color: white;
}

.box .right h3 {
  line-height: 50px;
  padding-left: 20px;
  border-bottom: 1px solid #ccc;
}

.box .right .all {
  padding: 20px;
}

.box .right .all button {
  background-color: white;
  border: 1px solid #BFBFBF;
  color: #aaa;
  margin: 5px;
}

.box .right .all button:hover {
  color: white;
  background-color: #0188FB;
  border: 1px solid #0188FB;
}
